<!DOCTYPE html>
<html xmlns:http="http://www.w3.org/1999/xhtml">
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!--<meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">-->
    <title>请输入观看码</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.css">
    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.css">
    <link href="https://cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.css" rel="stylesheet">
</head>

<body>
<div>

</div>
<script src="https://cdn.bootcss.com/zepto/1.2.0/zepto.js"></script>
<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.js' charset='utf-8'></script>
<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.js' charset='utf-8'></script>
<script src="//imgcache.qq.com/open/qcloud/video/vcplayer/TcPlayer-2.2.0.js" charset="utf-8"></script>
<!--<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>-->
<!--<script src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>-->
<script src="/zepto.cookie.js"></script>
<script th:inline="javascript">
    var roomId = [[${liveRoomId}]]
    $.prompt('', '请输入观看码',
        function (value) {
            //后端验证通行码是否正确
            window.location.href= "http://www.jackhoo.cn/live/"+roomId+"?view_code="+value;
        },
        function (value) {
            //取消后，回到直播间列表页面
            alert("返回列表页面")
        }
    );
</script>
</body>
</html>